/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#fff;}
.left {float: left;}
.right {float: right;}

/*****body******/
body {
	overflow-x:hidden;
	font-family: Microsoft Yahei,Arial,Verdana,Sans-Serif;
}

/*****header*****/

#head {
	width: 100%;
	overflow: hidden;
	background: #0098D7;
}

#head .head {
	width: 1080px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
}

#head .head div {
	font-size: 15px;
	color: #fff;
	margin-left: 40px;
}

.head p {
	float: right;
	margin-left: 10px;
}

.head .two p {
	font-style: italic;
}

#head .nav_box {
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.italic {
	font-style: italic;
}

.nav_box .nav {
	width: 1080px;
	height: 85px;
	margin: 0 auto; 
}

.nav .logo {
	display: inline-block;
	width: 30%;
	height: 65px;
	margin: 10px 0px;
}

.nav .menu {
	width: 70%;
	height: 63px;
	line-height: 63px;
	text-align: center;
}

.list li {
	display: inline-block;
	width: 64px;
	height: 63px;
	font-size: 16px;
	margin: 10px 20px;
}

.active {
	border-bottom: 4px solid #0098D7;
}

.nav .list a {
	color: #1c1817;
	display: inline-block;
/*	width: 80px;
	height: 63px;*/
}

.list a:hover {
	color: #0098D7;
	border-bottom: 4px solid #0098D7;
}


/******************banner.html************************/

.swiper-container {
    height:520px;
    width:100%;
    text-align:center;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:5;
    background:#F8F8F8;
}
.swiper-wrapper {
    position: relative;
    z-index:10;

    overflow:hidden;
}
.swiper-slide {
    position:relative;
    text-align:center;
    float:left;

    overflow:hidden;
}
.swiper-slide a{
    position:relative;
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
}
.swiper-slide img{
    width:100%;
    height:100%;
    vertical-align:middle;
    position:relative;
}
.pagination{
    position:absolute;
    height:1.2em;
    width:100%;
    bottom:1.8em;
    z-index:100;

}
.pagination .swiper-pagination-switch{
    display:inline-block;
    height:1.0em;
    width:1.0em;
    background:#FFF;
    border-radius:50%;
    margin-right:1em;
}
.pagination .swiper-active-switch{
    background:#0098D7;
}



/*****main*****/
#main {
	width: 100%;
	overflow: hidden;
	background: #fff;
	margin-top: 50px;
}

#main .about {
	width: 1080px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.about .title {
	margin-bottom: 40px;
}

.about p,.news p {
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}

.title h2,.news h2 {
	font-size: 30px;
    font-weight: normal;
    color: #0098D7;
    margin-bottom: 10px;
}

.content h3 {
	font-size: 25px;
    font-weight: normal;
    color: #0098D7;
    margin-bottom: 10px;
}

.title u,.news u {
	display: inline-block;
	width: 128px;
	height: 6px;
	background: url('../img/border.png') no-repeat;
	margin: 0 10px;
}

#main .about a {
	display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #0098D7;
    margin: 50px auto;
}


/*****content*****/
#content {
	width: 100%;
	height: 1150px;
	background: #fff;
	position: relative;
	background: #f5f5f5;
	margin-top: 50px;
}

#back {
	width: 100%;
	height: 350px;
	background: url('../img/background.png') no-repeat;
	background-size: 100%;
}

#back .back {
	width: 100%;
	height: 350px;
	background: rgba(0,152,215,0.8);
	position: absolute;
	top: 0;
	left: 0;
}

#box {
	width: 1080px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -540px;
	z-index: 99;
	text-align: center;
}

#box .title h2 {
	font-size: 30px;
	color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
}

#box .title p {
	font-size: 15px;
	color: #fff;
	line-height: 30px;
}

#product {
	width: 1080px;
	height: 330px;
	margin: 50px 0px;
	position: relative;
	overflow: hidden;
}

#list img {
	background: #fff;
}

#list {
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
}

#list li {
	width: 330px;
	height: 315px;
	background: #eaeaea;
	border-bottom: 5px solid #0098D7;
	float: left;
	padding: 5px;
	margin-right: 20px;
}

.p_title {
	font-size: 18px;
	color: #666;
	margin: 15px 0;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.p_text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
	font-size: 14px;
	color: #777;
	line-height: 22px;
}

#news {
	width: 1080px;
	margin: 0 auto;
	text-align: left;
	margin: 50px 0px;
}

#news ul li {
	width: 330px;
	height: 390px;
	float: left;
	position: relative;
}

.mid_li {
	margin: 0 45px;
}

.btn {
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #0098D7;
	position: absolute;
	left: 0;
	bottom: 0;
}


/*****contact*****/
#contact {
	width: 100%;
	overflow: hidden;
	background: #fff;
}

#contact .us {
	width: 1080px;
	height: 100px;
	margin: 0 auto;
}

#contact .us dl {
	width: 33.33%;
	height: 50px;
	margin: 25px 0px; 
}

#contact .us dl dd {
	font-size: 20px;
	color: #666;
	margin-left: 10px;
}

.tact {
	margin-top: 14px;
	margin-bottom: 14px;
}


/*****footer*****/
#footer {
	width: 100%;
	overflow: hidden;
	background: #0098D7;
}

#foot {
	width: 1080px;
	height: 270px;
	margin: 0 auto;
	margin-top: 45px;
	position: relative;
}

#foot .about {
	width: 540px;
	padding-bottom: 100px;
}

#foot .about a {
	color: #fff;
	font-size: 15px;
}

#foot .about dl {
	float: left;
	width: 135px;
}

.about dl dt {
	margin-bottom: 30px;
}

.about dl dd {
	margin-bottom: 20px;
}

.address {
	position: absolute;
	top: 0;
	right: 150px;
}

.address img {
	margin-bottom: 20px;
}

.address p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
}

.code {
	position: absolute;
	top: 30px;
	right: -150px;
}

.code p {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
}

.foot {
    width: 1080px;
    position: absolute;
    bottom: 0px;
    margin: 0px auto;
    padding: 5px 0px;
    border-top: 1px solid #0085C4;
}

.foot p {
	color: #fff;
	font-size: 14px;
}


/**************products.html*********************/
#main_box {
	width: 100%;
	overflow: hidden;
}

#products {
	width: 1080px;
	overflow: hidden;
	margin: 20px auto;
}

#products .pro_left {
	width: 255px;
	overflow: hidden;
	margin-top: 26px;
	float: left;
}

#products .pro_left .pro_menu {
	width: 253px;
	overflow: hidden;
	border: 1px solid #dedede;
}

#products .pro_left .pro_menu p {
	width: 253px;
	height: 62px;
	line-height: 62px;
	font-size: 25px;
	text-align: center;
	background: #0098D7;
}

#products .pro_left .pro_menu ul {
	width: 220px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#products .pro_left .pro_menu ul li {
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	text-indent: 52px;
	border-bottom: 1px dashed #dedede;
	background: url('../img/03.png'),url('../img/04.png');
	background-position: 20px center,180px center;
	background-repeat: no-repeat;
}

#products .pro_left .pro_menu ul a {
	color: #666;
}

#products .pro_left .pro_cont {
	width: 253px;
	height: 89px;
	border: 1px solid #dedede;
	margin-top: 24px;
	background: url('../img/us.png') no-repeat;
	cursor: pointer;
}

#products .pro_left .pro_con {
	width: 250px;
	height: 89px;
	border: 1px solid #dedede;
	margin-top: 24px;
	background: url('../img/par.png') no-repeat right;
	cursor: pointer;
}

#products .pro_right {
	width: 790px;
	overflow: hidden;
	float: left;
	margin: 26px 0px 0px 35px;
}

#products .pro_right .pro_tag {
	height: 46px;
	color: #000;
	line-height: 46px;
	border-bottom: 3px solid #0098D7;
}

#products .pro_right .pro_tag .tag_title {
	font-size: 25px;
}

.pro_tag .tag_title p {
	float: left;
}

#products .pro_list {
	width: 822px;
	overflow: hidden;
	margin-top: 26px;
}

#products .pro_list li {
	width: 246px;
	height: 241px;
	overflow: hidden;
	float: left;
	background: #ecf0f1;
	margin: 0px 26px 26px 0px;
}

#products .pro_list li a {
	color: #333;
}

#products .pro_list li img {
	width: 244px;
	height: 195px;
	border: 1px solid #ecf0f1;
}

#products .pro_list li .pro_name {
	display: block;
	overflow: hidden;
	width: 238px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	padding: 11px 0px 11px 0px;
}

#products .pro_list .clear {
	clear: both;
    margin-top: -1px;
    font-size: 1px;
    visibility: hidden;
    width: 1px;
	height: 0px;
	line-height: 0px;
}

.paging {
	margin-top: 12px;
	padding: 3px;
	text-align: center;
	font-size: 12px;
}

.paging .nolink {
	border: 1px solid #ccc;
}

.paging span {
	display: inline-block;
	padding: 4px 7px;
	margin: 5px;
	color: #999;
}

.paging a {
	display: inline-block;
	margin: 2px;
	padding: 5px 7px;
	border: 1px solid #ccc;
	color: #666;
}

.paging .activ {
	color: #fff;
	border: 0;
	padding: 5px 8px;
	background: #0098D7;
}

/*************product.html**************/
#x_product_detail {
    line-height: 22px;
    padding: 16px 0px 0px 0px;
    text-indent: 0px;
    color: #1f59a5;
    margin: 10px 0px;
    font-size: 16px;
    font-weight: bold;
}

#x_product_content {
    line-height: 22px;
    padding: 10px 0px 10px 0px;
    color: #666;
    margin-top: 8px;
    border-top: 1px dashed #CCCCCC;
    min-height: 100px;
}

.pageNavi {
    line-height: 30px;
    padding-right: 0px;
    border-top: #ddd 1px solid;
    padding-left: 0px;
    padding-bottom: 25px;
    margin: 10px auto 0px;
    width: 100%;
    padding-top: 10px;
    text-align: center;
    font-size: 12px;
}

.pageleft a:visited {
	color: #555;
}

.pageleft a:link {
	color: #555;
}

.pageleft {
    padding-left: 0px;
    float: left;
    text-align: left;
}

.pageleft {
    overflow: hidden;
    width: 400px;
    line-height: 24px;
}

.pageright {
    padding-right: 0px;
    float: right;
    text-align: right;
}

.pageright {
    overflow: hidden;
    width: 200px;
    line-height: 24px;
}

.pright {
	margin-right: 32px;
}

.pageright a:visited {
	color: #555;
}

.pageright a:link {
	color: #555;
}

/**********neswlist************/
#x_nei_content_news {
    width: 100%;
    line-height: 24px;
    padding: 20px 0px 10px 0px;
    color: #666;
    font-size: 14px;
    min-height: 240px;
    border: 0px #CC6600 solid;
}

.postlist_news {
    margin: 0px;
    border: 0px solid #330033;
    overflow: hidden;
    width: 100%;
}

.postlist_news li {
    float: left;
    width: 98%;
    font-size: 14px;
    margin-bottom: 8px;
    border-bottom: #dedede 1px dashed;
    padding: 0px 0px 4px 0px;
    color: 333;
    overflow: hidden;
}

.postlist_news li span {
    float: right;
    width: 80px;
    color: #B6B6B6;
    text-align: right;
    font-size: 12px;
}

.postlist_news a {
    color: #000;
}

.clear {
    clear: both;
    margin-top: -1px;
    font-size: 1px;
    visibility: hidden;
    width: 1px;
    line-height: 0;
    height: 0px;
}

.digg4 {
    padding: 3px;
    margin-top: 12px;
    text-align: center;
    font-size: 12px;
}

.digg4 span {
    border: 1px #CCCCCC solid;
    padding: 2px 5px;
    margin: 5px;
    color: #999;
}

/******************news********************/
.single {
    width: 100%;
    border-bottom: 0px solid #cccccc;
    padding: 12px 0px;
}

.posts {
    overflow: hidden;
    line-height: 22px;
}

.single h2 {
    font-size: 22px;
    padding: 16px 0px 14px 0px;
    margin: 0px 0px;
    color: #333;
    font-weight: normal;
    border-bottom: #cccccc 1px dashed;
    text-align: center;
}

#x_nei_content_news {
    width: 100%;
    line-height: 24px;
    padding: 20px 0px 10px 0px;
    color: #666;
    font-size: 14px;
    min-height: 240px;
    border: 0px #CC6600 solid;
}

.posts p {
    margin-bottom: 10px;
}

/***************about.html****************/
#x_nei_content {
    line-height: 26px;
    padding: 20px 0px 10px 0px;
    color: #666;
    margin: 0px auto;
    font-size: 14px;
    text-indent: 0px;
    min-height: 240px;
}

#x_nei_content table {
	font-size: 12px;
}

/******************gook.html**********************/
#faqbox {padding:12px 8px 0px 0px;font-size:14px;}
#faqbox .faqline{  text-align:left;margin-top:0px;}
#faqbox .faqline .faqtit{  width:70px; display:block;padding:6px 0px;float:left; clear:both; text-align:left}
#faqbox .Content{ text-align:left;}
#faqbox .Content  .faqtit{  width:70px;padding:6px 0px;display:block; float:left; clear:both; text-align:left}
#faqbox .Content textarea { height:100px;}

#x_nei_content p {
    margin-bottom: 16px;
}